<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Sample - Dynamic Link by jquery.jsonengine.js</title>

<script type="text/javascript" src="../../../../jquery-1.5.js"></script>
<script type="text/javascript" src="../../jquery.values.js"></script>
<script type="text/javascript" src="../../jquery.jsonengine.core-1.4.js"></script>
<script type="text/javascript" src="../../jquery.jsonengine-1.4.js"></script>
<script type="text/javascript" src="../../jquery.jsonengine.ext-1.4.js"></script>

<style type="text/css">
body {
	background-color: #eee;
	font: 12px sans-serif;
}
label {
	font-weight: bold;
}
</style>

</head>

<body>

	<h1>
		Sample - Dynamic Link by jquery.jsonengine-1.4.js <span style="font-size: 0.7em;">03/21/2011</span>
	</h1>

	<div style="float: left;">

		<h2>form</h2>

		<form class="_je_messages">
			<label>messageBody_</label><br />
			<input type="text" name="messageBody_" /><br />

			<label>_docId</label><br />
			<input type="text" name="_docId" /><br />

			<label>_createdAt</label><br />
			<input type="text" name="_createdAt" /><br />

			<label>_updatedAt</label><br />
			<input type="text" name="_updatedAt" /><br />

			<label>_displayName</label><br />
			<input type="text" name="_displayName" /><br />
			<br />
		</form>

	</div>

	<div style="float: left; margin-left: 2em;">

		<h2>#form1</h2>

		<form id="form1" class="_je_messages">
			<label>messageBody_</label><br />
			<input type="text" name="messageBody_" /><br />

			<label>_docId</label><br />
			<input type="text" name="_docId" /><br />

			<label>_createdAt</label><br />
			<input type="text" name="_createdAt" /><br />

			<label>_updatedAt</label><br />
			<input type="text" name="_updatedAt" /><br />

			<label>_displayName</label><br />
			<input type="text" name="_displayName" /><br />
			<br />
		</form>

	</div>

	<div style="float: left; margin-left: 2em;">

		<h2>view</h2>

		<div class="_je_messages">

			<span class="query">_docId</span>

			<span class="template">
				<label>messageBody_</label><br />
				<span>{{messageBody_}}</span><br />

				<label>_docId</label><br />
				<span>{{_docId}}</span><br />

				<label>_createdAt</label><br />
				<span>{{_createdAt}}</span><br />

				<label>_updatedAt</label><br />
				<span>{{_updatedAt}}</span><br />

				<label>_displayName</label><br />
				<span>{{_displayName}}</span><br /> <br />
			</span>

		</div>

	</div>

	<div style="float: left; margin-left: 2em;">

		<h2>#view1</h2>

		<div id="view1" class="_je_messages">

			<span class="query">_docId</span>

			<span class="template">
				<label>messageBody_</label><br />
				<span>{{messageBody_}}</span><br />

				<label>_docId</label><br />
				<span>{{_docId}}</span><br />

				<label>_createdAt</label><br />
				<span>{{_createdAt}}</span><br />

				<label>_updatedAt</label><br />
				<span>{{_updatedAt}}</span><br />

				<label>_displayName</label><br />
				<span>{{_displayName}}</span><br /> <br />
			</span>

		</div>

	</div>

	<hr style="clear: both;" />

	<input type="button" class="#_je_messages1 otherclass" value="reload" />
	&nbsp;
	<a class="_ie_setview" href="#_je_messages1">reload</a>

	<div id="_je_messages1" class="_je_messages">
		<span class="query">?sort=_createdAt.desc&limit=10</span>
		<span class="template">
			<table border="1">
				<caption>messages</caption>
				<thead>
					<tr>
						<th>messageBody_</th>
						<th>._ie_setform</th>
						<th>#form1._ie_setform</th>
						<th>._ie_setview</th>
						<th>#view1._ie_setview</th>
						<th>action</th>
					</tr>
				</thead>
				<tbody class="partial">
					<tr>
						<td>{{messageBody_}}</td>
						<td><a class="_ie_setform">{{messageBody_}}</a></td>
						<td><a class="_ie_setform" href="#form1">{{messageBody_}}</a></td>
						<td><a class="_ie_setview">{{messageBody_}}</a></td>
						<td><a class="_ie_setview" href="#view1">view</a></td>
						<td><a href="show.html">show</a></td>
					</tr>
				</tbody>
			</table>
		</span>
	</div>

</body>
</html>

